<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width,initial-scale=0.5,maximum-scale=0.5,user-scalable=no">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>
        <%= htmlWebpackPlugin.options.title%>
    </title>
    <script>
        // 计算html font-size
        // 保证7.5rem等于屏幕宽度
        (function (f, j) {
            var i = document,
                d = window;
            var b = i.documentElement;
            var c;

            function g() {
                var k = b.getBoundingClientRect().width;
                if (!j) {
                    j = 1080
                }
                if (k > j) {
                    k = j
                }
                var l = k * 100 / f;
                b.style.fontSize = (l > 100 ? 100 : l) + "px";
            }
            g();
            d.addEventListener('resize', g)
            d.addEventListener("pageshow", function (k) {
                if (k.persisted) {
                    clearTimeout(c);
                    c = setTimeout(g, 300)
                }
            }, false)
        })(750, 1080);
    </script>
</head>

<body>
    <div id="mapContain"></div>
    <div class="operation-area">
        <div id="locateBtn" class="circle-btn locate"></div>
        <a class="circle-btn indu" href="instructions.html"></a>
        <div id="scanBtn" class="scan">扫码洗车</div>
        <a id="balanceLink" href="balance.html" class="page wallet">
            <span>会员余额</span>
        </a>
        <a id="mineLink" href="mine.html" class="page mine">
            <span>我的</span>
        </a>
    </div>
    <script src="http://webapi.amap.com/maps?v=1.4.7&key=ac4771152cadb6931061544d774a8a52"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
</body>

</html>